/* pages/settle/index.wxss */
.container {
  .driverInfoBox {
    position: relative;
    width: 100%;
    background-color: white;
    box-shadow: var(--main-div-shadow);
    margin-bottom: var(--main-div-margin);

    .title {
      width: 100%;
      text-indent: 30rpx;
      padding-top: 30rpx;
      padding-bottom: 10rpx;
      font-size: var(--main-font-size);
      font-weight: bold;
    }

    .driverContentBox {
      .content {
        .contentItem {
          font-size: var(--small-font-size);
          text-align: right;
        }

        .contentVal {
          font-size: var(--small-font-size);
        }
      }
    }
  }

  .billBox {
    position: relative;
    width: 100%;
    background-color: white;
    box-shadow: var(--main-div-shadow);
    margin-bottom: var(--main-div-margin);

    .title {
      width: 100%;
      text-indent: 20rpx;
      padding-top: 20rpx;
      padding-bottom: 10rpx;
      font-size: var(--main-font-size);
      font-weight: bold;
    }

    .billListBox {
      .billItem {
        box-shadow: var(--main-div-shadow);
        margin-bottom: 10rpx;

        .deleteBox {
          width: 130rpx;
          height: 270rpx;
          color: white;
          text-align: center;
          background-color: #ee0a24;

          .delete {
            position: relative;
            top: 50%;
            transform: translateY(-50%);
          }
        }
      }
    }

    
  }
  .feeInfoBox {
    position: relative;
    width: 100%;
    background-color: white;
    box-shadow: var(--main-div-shadow);
    margin-bottom: var(--main-div-margin);
  }
  .buyForSelfBox{
    position: relative;
    width: 100%;
    background-color: white;
    box-shadow: var(--main-div-shadow);
    margin-bottom: 200rpx;
    .title {
      width: 100%;
      text-indent: 20rpx;
      padding-top: 20rpx;
      padding-bottom: 10rpx;
      font-size: var(--main-font-size);
      font-weight: bold;
    }
  }
}